.carousel{width:100%;display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:100%;row-gap:24px;position:relative;padding:var(--subsection-space);z-index:1}.carousel .images{width:100%;aspect-ratio:1.7;max-height:70vh;position:relative;display:flex;justify-content:center;align-items:center}.carousel .images img{position:absolute;max-width:86%;max-height:100%;box-shadow:0 0 12px #0008;object-fit:contain;border-radius:10px;transition:transform .5s,z-index .5s}.carousel .images img:hover{transform:scale(90vw)!important}.carousel .images img.pointer{cursor:pointer}.carousel .buttons .carousel-button{font-size:28px;cursor:pointer;width:40px;height:40px;background-color:#fff;border-radius:20px;z-index:999;display:flex;justify-content:center;align-items:center;transition:transform .5s;position:absolute}.carousel .buttons .carousel-button-prev{left:8px}.carousel .buttons .carousel-button-next{right:8px}.carousel .buttons .carousel-button-exit{right:8px;top:8px;display:none}.carousel.fullscreen .buttons .carousel-button-exit{display:flex}.carousel .buttons .carousel-button:hover{transform:scale(1.2)}.carousel .carousel-bar{margin:0 auto;width:86%;display:flex;column-gap:4px}.carousel .carousel-bar-entry{height:8px;width:64px;background-color:#ddd;flex-grow:1;cursor:pointer;transition:background .3s;border-radius:4px}.carousel .carousel-bar-entry:hover{background:rgba(var(--color-primary-rgb),.5)}.carousel .carousel-bar-entry.selected{background:var(--color-primary)}.carousel .carousel-bar .splitter{width:1px;height:12px;background-color:#aaa;margin:-2px 4px}.carousel label{z-index:999;color:#fff;text-shadow:1px 1px 3px #000;font-weight:700;font-size:var(--font-splitter-title)}.carousel .description{font-size:var(--font-text);color:var(--color-text-1);text-align:center;width:86%;padding:0 8px;margin:0 auto;min-height:80px;line-height:1.5}@media only screen and (max-width:1000px){.carousel .description{width:100%}.carousel .carousel-bar{width:calc(100% - 16px)}}@media only screen and (min-width:1366px){.carousel.fullscreen{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;background-color:#222}.carousel.fullscreen .images{width:100vw;max-height:calc(100vh - 128px)}.carousel.fullscreen .description{color:#fff}.carousel.fullscreen .buttons{width:calc(100% - 32px)}.carousel.fullscreen .carousel-bar-entry{background-color:#fff2}.carousel.fullscreen .carousel-bar-entry.selected{background:var(--color-primary)}}@media only screen and (max-width:1365px){.carousel .images img.pointer{cursor:inherit;pointer-events:none}}